<template>
  <div class="page flex-col">
    <div class="layer1 flex-col">
      <div class="block1 flex-col">
        <!-- <div class="mod1 flex-row">
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb6cc297195a84b9544c4e59a32d24424d00a95a09f65e7037a527a742a591482"
          />
          <span class="word1">9:41&nbsp;AM</span>
          <span class="word2">100%</span>
          <img
            class="label2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdd450f89ba479204a2c9af635aa53d97a7851ee7077bc39481cfef2bfb747afa"
          />
        </div> -->
      </div>
      <div class="block2 flex-col">
        <!-- <div class="outer1 flex-col">
          <div class="section1 flex-row">
            <img
              class="icon1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng01af3daad446d019c6ea7f3cc3682bfffaab5a66dee69b24818cb6fe85484ed4"
            />
            <span class="txt1">高龄客户前置核保</span>
          </div>
          <div class="section2 flex-col"></div>
        </div> -->
      </div>
      <div class="block3 flex-col">
        <div class="mod2 flex-col">
          <div class="main1 flex-row">
            <span class="txt2">本人填写投保信息</span>
            <img
              class="img1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd79db84b58f90f4460b53597c4ee846d59a4efe19dd5d46c2d5af86bff789e08"
            />
          </div>
          <div class="main2 flex-col">
            <img
              class="label3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8ed051a027283de8edad5f12b02f5c2a9ab4e376a22bb04faa1db90335de98aa"
            />
            <span class="paragraph1">
              本功能为投保人通过手机银行、网银投保进行的前置核保服务，仅适用于以下情况：
              <br />
              1.投保产品为保单利益确定的保险产品。
            </span>
          </div>
        </div>
      </div>
      <div class="block4 flex-col">
        <div class="mod3 flex-col">
          <div class="outer2 flex-col"><span class="word3">险种信息</span></div>
          <div class="outer3 flex-col">
            <div class="group1 flex-row">
              <span class="word4">国华传家福终身寿险</span>
              <img
                class="label4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
              />
            </div>
            <span class="txt3">险种名称</span>
          </div>
          <div class="outer4 flex-col">
            <div class="section3 flex-col">
              <div class="layer2 flex-col"><span class="word5">终身</span></div>
              <div class="layer3 flex-col"></div>
            </div>
            <img
              class="label5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc546bbaaa49b91e9e4fe0e095bf56485570a8b98c1c4bac45dc4d65011285019"
            />
            <span class="word6">保险期间</span>
          </div>
          <div class="outer5 flex-col">
            <div class="group2 flex-col">
              <div class="main3 flex-row">
                <div class="main4 flex-col">
                  <span class="word7">趸交</span>
                </div>
                <div class="main5 flex-col">
                  <span class="word8">年交</span>
                </div>
              </div>
              <div class="main6 flex-col"></div>
            </div>
            <img
              class="icon2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc546bbaaa49b91e9e4fe0e095bf56485570a8b98c1c4bac45dc4d65011285019"
            />
            <span class="word9">交费方式</span>
          </div>
          <div class="outer6 flex-col">
            <div class="block5 flex-row">
              <div class="section4 flex-col">
                <div class="group3 flex-row">
                  <img
                    class="icon3"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng58a162de8f20982fb9471336bd905f3f2fd3f8f3de9c5c80697853f7dd1b37d0"
                  />
                  <span class="info1">14</span>
                  <img
                    class="label6"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1e52ef3428f73ec6fe490578faa56f01ca8921cbee2b342f1da5d5e8150e4eb4"
                  />
                </div>
                <span class="word10"></span>
              </div>
              <span class="word11">万元</span>
            </div>
            <span class="txt4">保险费</span>
          </div>
        </div>
      </div>
      <div class="block6 flex-col">
        <div class="section5 flex-col">
          <div
            class="outer7-0 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="mod4-0 flex-col">
              <span class="word12-0" v-html="item.lanhutext0"></span>
              <div class="group4-0 flex-col"></div>
            </div>
            <span class="word13-0" v-html="item.lanhutext1"></span>
          </div>
        </div>
        <div class="section6 flex-col"><span class="word14">被保人</span></div>
        <div class="section7 flex-col">
          <div class="bd1 flex-col">
            <div class="mod5 flex-row">
              <span class="info2">子女</span>
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
              />
            </div>
            <div class="mod6 flex-col"></div>
          </div>
          <span class="info3">与投保人关系</span>
        </div>
        <div class="section8 flex-col">
          <div class="box1 flex-col">
            <div class="outer8 flex-row">
              <span class="word15">户口本</span>
              <img
                class="label7"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
              />
            </div>
            <div class="outer9 flex-col"></div>
          </div>
          <span class="txt5">证件类型</span>
        </div>
        <div class="section9 flex-col">
          <img
            class="img2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b3eb985ce13b63d84760e45c0365b9e5c8ebf56727390052bf0813f753dc8de"
          />
        </div>
        <div class="section10 flex-col"></div>
        <span class="word16">删除</span>
        <div class="section11 flex-col">
          <div class="main7 flex-col">
            <div class="box2 flex-row">
              <span class="word17">王怡然</span>
              <img
                class="icon5"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
              />
            </div>
            <div class="box3 flex-col"></div>
          </div>
          <span class="txt6">姓名</span>
        </div>
        <div class="section12 flex-col">
          <div class="bd2 flex-row">
            <span class="info4">男</span>
            <img
              class="label8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
            />
          </div>
          <span class="word18">性别</span>
        </div>
        <div class="section13 flex-col">
          <div class="main8 flex-row">
            <span class="word19">371928&nbsp;19950812&nbsp;8801</span>
            <img
              class="icon6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
            />
          </div>
          <span class="txt7">证件号码</span>
        </div>
        <div class="section14 flex-col">
          <div class="section15 flex-row">
            <span class="info5">1995.08.12</span>
            <img
              class="icon7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
            />
          </div>
          <span class="info6">出生日期</span>
        </div>
        <div class="section16 flex-col">
          <div class="box4 flex-row">
            <span class="word20">2019.01.23</span>
            <span class="word21">至</span>
            <span class="word22">2022.01.19</span>
            <img
              class="icon8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
            />
          </div>
          <span class="word23">证件有效期</span>
        </div>
        <div class="section17 flex-col">
          <div class="box5 flex-col">
            <div class="wrap1 flex-row">
              <span class="txt8">会计</span>
              <img
                class="label9"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
              />
            </div>
            <div class="wrap2 flex-col"></div>
          </div>
          <span class="txt9">职业</span>
        </div>
        <div class="section18 flex-col">
          <div class="main9 flex-row">
            <span class="info7">仅为中国税收居民</span>
            <img
              class="label10"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngead62c4162db067c2d170ac864eaf7ce43d2c7a8e110630c3212131d65ce36a0"
            />
          </div>
          <span class="word24">税收类型</span>
        </div>
        <span class="info8">收起</span>
        <img
          class="icon9"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaa51c3b33fd15d06a9f784010517510057d7c7ec6b39dbd00e14b14bde9d13ac"
        />
      </div>
      <div class="block7 flex-col">
        <div class="main10 flex-col">
          <div class="wrap3 flex-col"><span class="word25">补充材料</span></div>
          <div class="wrap4 flex-col">
            <img
              class="pic1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b8df96321bbcd02fd96db50e1210e5a7dd1b00744a2510e13168c855b3ef9fd"
            />
            <span class="word26">补充材料</span>
            <span class="txt10"></span>
          </div>
          <div class="wrap5 flex-row">
            <div class="mod7 flex-col">
              <img
                class="img3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng357fc19b10b22fc12ab589fffaae039a74a51b4ed0acf8bebfba0da29ade4c32"
              />
            </div>
            <img
              class="pic2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcb226cef4e5a81866ed80a4064256e7fe061947da52ff7cd95c4d05cb998d64b"
            />
          </div>
        </div>
        <div class="main11 flex-col"></div>
        <span class="info9">删除</span>
      </div>
      <div class="block8 flex-col">
        <div class="wrap6 flex-col">
          <div class="block9 flex-col"><span class="txt11">签名</span></div>
          <div class="block10 flex-row">
            <img
              class="img4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38c1a61a97f2dac6d855878accda40dd4d34b55609a2c0dd9406bf3cee427b29"
            />
            <img
              class="pic3"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng38c1a61a97f2dac6d855878accda40dd4d34b55609a2c0dd9406bf3cee427b29"
            />
          </div>
          <div class="block11 flex-row">
            <span class="info10">
              签名日期：&nbsp;&nbsp;&nbsp;&nbsp;2021年9月1日
            </span>
            <span class="txt12">签名日期：2021年10月2日</span>
          </div>
        </div>
        <span class="txt13">投保人签名：</span>
        <span class="txt14">被保险人签名：</span>
      </div>
      <div class="block12 flex-col">
        <div class="bd3 flex-row">
          <img
            class="label11"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb9688e29cf7fc9fd9f69e49d6bc927f8125d2581e34f4be34ac7a57a7810b4e8"
          />
          <span class="word27">
            上述信息确认无误，本次前置核保申请为本人操作。
          </span>
        </div>
      </div>
      <div class="block13 flex-col">
        <button class="group5 flex-col" @click="onClick_1">
          <span class="word28">提交</span>
        </button>
      </div>
    </div>
    <div class="layer4 flex-col">
      <div class="bd4 flex-col">
        <div class="mod8 flex-col"><span class="info11">银行信息</span></div>
        <div class="mod9 flex-col">
          <span class="txt15">工商银行</span>
          <span class="info12">银行名称</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        { lanhutext0: '169&nbsp;0882&nbsp;9045', lanhutext1: '手机号码' },
        { lanhutext0: '159cm', lanhutext1: '身高' },
        { lanhutext0: '45kg', lanhutext1: '体重' }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 4052px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .layer1 {
    z-index: auto;
    width: 750px;
    height: 4052px;
    .block1 {
      z-index: 35;
      height: 40px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: center;
      align-items: center;
      .mod1 {
        z-index: auto;
        width: 727px;
        height: 33px;
        .label1 {
          z-index: 47;
          width: 29px;
          height: 19px;
          margin-top: 5px;
        }
        .word1 {
          z-index: 46;
          width: 90px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
          margin-left: 289px;
        }
        .word2 {
          z-index: 39;
          width: 66px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: right;
          margin-left: 198px;
        }
        .label2 {
          z-index: 40;
          width: 49px;
          height: 21px;
          margin: 4px 0 0 6px;
        }
      }
    }
    .block2 {
      z-index: 29;
      height: 88px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: flex-end;
      .outer1 {
        z-index: auto;
        width: 750px;
        height: 73px;
        .section1 {
          z-index: auto;
          width: 495px;
          height: 58px;
          margin-left: 50px;
          justify-content: space-between;
          .icon1 {
            z-index: 30;
            width: 22px;
            height: 38px;
            margin-top: 10px;
          }
          .txt1 {
            z-index: 34;
            width: 340px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            letter-spacing: 1px;
            font-family: PingFangSC-Medium;
            line-height: 58px;
            text-align: center;
          }
        }
        .section2 {
          z-index: 33;
          width: 750px;
          height: 1px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe00a0a6594e3fec4f9567996fc96f8641842e8a31cd3ba7109cd48ef69e114e)
            100% no-repeat;
          margin-top: 14px;
        }
      }
    }
    .block3 {
      z-index: 3;
      height: 560px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngae4c3c44dc4387d04587e4e0c8eceed7f5181f8495d2033e55b1c4f0fe00bd92)
        100% no-repeat;
      width: 750px;
      justify-content: flex-start;
      padding-top: 47px;
      align-items: center;
      .mod2 {
        z-index: auto;
        width: 670px;
        height: 286px;
        .main1 {
          z-index: auto;
          width: 649px;
          height: 85px;
          justify-content: space-between;
          .txt2 {
            z-index: 11;
            width: 368px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 46px;
            font-family: PingFangSC-Semibold;
            line-height: 65px;
            text-align: left;
            margin-top: 14px;
          }
          .img1 {
            z-index: 13;
            width: 87px;
            height: 85px;
          }
        }
        .main2 {
          z-index: 5;
          height: 166px;
          border-radius: 6px;
          background-color: rgba(0, 0, 0, 0.06);
          margin-top: 35px;
          width: 670px;
          justify-content: flex-end;
          align-items: flex-end;
          position: relative;
          padding: 0 31px 26px 0;
          .label3 {
            z-index: 7;
            width: 22px;
            height: 12px;
          }
          .paragraph1 {
            z-index: 6;
            position: absolute;
            left: 20px;
            top: 20px;
            width: 630px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(255, 255, 255, 1);
            font-size: 26px;
            line-height: 42px;
            text-align: left;
          }
        }
      }
    }
    .block4 {
      z-index: 67;
      height: 550px;
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 63px;
      width: 670px;
      justify-content: center;
      .mod3 {
        z-index: auto;
        width: 670px;
        height: 510px;
        .outer2 {
          z-index: 135;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word3 {
            z-index: 136;
            width: 144px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            line-height: 50px;
            text-align: left;
          }
        }
        .outer3 {
          z-index: 69;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 47px;
          position: relative;
          .group1 {
            z-index: auto;
            width: 415px;
            height: 38px;
            justify-content: space-between;
            .word4 {
              z-index: 78;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
            }
            .label4 {
              z-index: 71;
              width: 10px;
              height: 14px;
              margin-top: 12px;
            }
          }
          .txt3 {
            z-index: 76;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .outer4 {
          z-index: 81;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .section3 {
            z-index: auto;
            width: 610px;
            height: 85px;
            .layer2 {
              z-index: 89;
              height: 60px;
              border-radius: 6px;
              border: 1px solid rgba(243, 60, 42, 1);
              background-color: rgba(255, 255, 255, 1);
              align-self: flex-start;
              margin-left: 178px;
              width: 120px;
              justify-content: center;
              .word5 {
                z-index: 90;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(243, 60, 42, 1);
                font-size: 30px;
                line-height: 42px;
                text-align: center;
              }
            }
            .layer3 {
              z-index: 84;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 24px;
            }
          }
          .label5 {
            z-index: 91;
            position: absolute;
            left: 298px;
            top: 25px;
            width: 30px;
            height: 30px;
          }
          .word6 {
            z-index: 86;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .outer5 {
          z-index: 96;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .group2 {
            z-index: auto;
            width: 610px;
            height: 85px;
            .main3 {
              z-index: auto;
              width: 256px;
              height: 60px;
              margin-left: 178px;
              justify-content: space-between;
              .main4 {
                z-index: 107;
                height: 60px;
                border-radius: 6px;
                border: 1px solid rgba(243, 60, 42, 1);
                background-color: rgba(255, 255, 255, 1);
                width: 120px;
                justify-content: center;
                .word7 {
                  z-index: 108;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(243, 60, 42, 1);
                  font-size: 30px;
                  line-height: 42px;
                  text-align: center;
                }
              }
              .main5 {
                z-index: 103;
                height: 60px;
                border-radius: 6px;
                border: 1px solid rgba(190, 194, 204, 1);
                background-color: rgba(255, 255, 255, 1);
                width: 120px;
                justify-content: center;
                .word8 {
                  z-index: 104;
                  width: 120px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 30px;
                  line-height: 42px;
                  text-align: center;
                }
              }
            }
            .main6 {
              z-index: 99;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 24px;
            }
          }
          .icon2 {
            z-index: 109;
            position: absolute;
            left: 298px;
            top: 25px;
            width: 30px;
            height: 30px;
          }
          .word9 {
            z-index: 101;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
        .outer6 {
          z-index: 114;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 120px;
          position: relative;
          .block5 {
            z-index: auto;
            width: 332px;
            height: 60px;
            justify-content: space-between;
            .section4 {
              z-index: 122;
              height: 60px;
              border-radius: 6px;
              border: 1px solid rgba(190, 194, 204, 1);
              background-color: rgba(255, 255, 255, 1);
              width: 256px;
              justify-content: center;
              align-items: center;
              position: relative;
              .group3 {
                z-index: auto;
                width: 196px;
                height: 46px;
                justify-content: space-between;
                .icon3 {
                  z-index: 129;
                  width: 24px;
                  height: 4px;
                  margin-top: 21px;
                }
                .info1 {
                  z-index: 132;
                  width: 128px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 30px;
                  line-height: 46px;
                  text-align: center;
                }
                .label6 {
                  z-index: 124;
                  width: 24px;
                  height: 24px;
                  margin-top: 11px;
                }
              }
              .word10 {
                z-index: 123;
                position: absolute;
                left: 0;
                top: 9px;
                width: 256px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 30px;
                line-height: 42px;
                text-align: center;
              }
            }
            .word11 {
              z-index: 120;
              width: 60px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              margin-top: 11px;
            }
          }
          .txt4 {
            z-index: 117;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
      }
    }
    .block6 {
      z-index: 139;
      height: 1729px;
      border-radius: 18px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcc388346079095198c8f912b846b5b819e02fd26a613e46db9e5405820af62e1)
        100% no-repeat;
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-end;
      padding-bottom: 305px;
      position: relative;
      .section5 {
        z-index: auto;
        width: 670px;
        height: 329px;
        .outer7-0 {
          z-index: 243;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: flex-end;
          align-items: center;
          position: relative;
          .mod4-0 {
            z-index: auto;
            width: 610px;
            height: 74px;
            .word12-0 {
              z-index: 250;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
              align-self: flex-end;
              margin-right: 54px;
            }
            .group4-0 {
              z-index: 246;
              width: 610px;
              height: 1px;
              background-color: rgba(240, 240, 240, 1);
              margin-top: 35px;
            }
          }
          .word13-0 {
            z-index: 248;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
        }
      }
      .section6 {
        z-index: 142;
        height: 70px;
        width: 670px;
        justify-content: center;
        align-items: flex-start;
        padding-left: 30px;
        position: absolute;
        left: 0;
        top: 15px;
        .word14 {
          z-index: 143;
          width: 108px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 36px;
          font-family: PingFangSC-Semibold;
          line-height: 50px;
          text-align: left;
        }
      }
      .section7 {
        z-index: 151;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        left: 0;
        top: 85px;
        .bd1 {
          z-index: auto;
          width: 610px;
          height: 74px;
          .mod5 {
            z-index: auto;
            width: 415px;
            height: 38px;
            margin-left: 178px;
            justify-content: space-between;
            .info2 {
              z-index: 162;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
            }
            .icon4 {
              z-index: 155;
              width: 10px;
              height: 14px;
              margin-top: 12px;
            }
          }
          .mod6 {
            z-index: 154;
            width: 610px;
            height: 1px;
            background-color: rgba(240, 240, 240, 1);
            margin-top: 35px;
          }
        }
        .info3 {
          z-index: 160;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section8 {
        z-index: 164;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        left: 0;
        top: 195px;
        .box1 {
          z-index: auto;
          width: 610px;
          height: 74px;
          .outer8 {
            z-index: auto;
            width: 415px;
            height: 38px;
            margin-left: 178px;
            justify-content: space-between;
            .word15 {
              z-index: 175;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
            }
            .label7 {
              z-index: 168;
              width: 10px;
              height: 14px;
              margin-top: 12px;
            }
          }
          .outer9 {
            z-index: 167;
            width: 610px;
            height: 1px;
            background-color: rgba(240, 240, 240, 1);
            margin-top: 35px;
          }
        }
        .txt5 {
          z-index: 173;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section9 {
        z-index: 178;
        position: absolute;
        left: 40px;
        top: 329px;
        width: 180px;
        height: 180px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5fa84b5819f552dfd47c81fe0524986a111514ad6a295b9c0bd16af07fe07e9a)
          100% no-repeat;
        .img2 {
          z-index: 179;
          position: absolute;
          left: 0;
          top: 0;
          width: 180px;
          height: 180px;
        }
      }
      .section10 {
        z-index: 181;
        position: absolute;
        left: 40px;
        top: 455px;
        width: 180px;
        height: 54px;
        border-radius: 0 0 10px 10px;
        background-color: rgba(22, 38, 65, 0.6);
      }
      .word16 {
        z-index: 182;
        position: absolute;
        left: 40px;
        top: 462px;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
      .section11 {
        z-index: 184;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        left: 0;
        top: 545px;
        .main7 {
          z-index: auto;
          width: 610px;
          height: 74px;
          .box2 {
            z-index: auto;
            width: 415px;
            height: 38px;
            margin-left: 178px;
            justify-content: space-between;
            .word17 {
              z-index: 195;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
            }
            .icon5 {
              z-index: 188;
              width: 10px;
              height: 14px;
              margin-top: 12px;
            }
          }
          .box3 {
            z-index: 187;
            width: 610px;
            height: 1px;
            background-color: rgba(240, 240, 240, 1);
            margin-top: 35px;
          }
        }
        .txt6 {
          z-index: 193;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section12 {
        z-index: 197;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 47px;
        position: absolute;
        left: 0;
        top: 655px;
        .bd2 {
          z-index: auto;
          width: 415px;
          height: 38px;
          justify-content: space-between;
          .info4 {
            z-index: 206;
            width: 378px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
          .label8 {
            z-index: 199;
            width: 10px;
            height: 14px;
            margin-top: 12px;
          }
        }
        .word18 {
          z-index: 204;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section13 {
        z-index: 208;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 47px;
        position: absolute;
        left: 0;
        top: 765px;
        .main8 {
          z-index: auto;
          width: 415px;
          height: 38px;
          justify-content: space-between;
          .word19 {
            z-index: 217;
            width: 378px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
          .icon6 {
            z-index: 210;
            width: 10px;
            height: 14px;
            margin-top: 12px;
          }
        }
        .txt7 {
          z-index: 215;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section14 {
        z-index: 219;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 47px;
        position: absolute;
        left: 0;
        top: 875px;
        .section15 {
          z-index: auto;
          width: 415px;
          height: 38px;
          justify-content: space-between;
          .info5 {
            z-index: 228;
            width: 378px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
          .icon7 {
            z-index: 221;
            width: 10px;
            height: 14px;
            margin-top: 12px;
          }
        }
        .info6 {
          z-index: 226;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section16 {
        z-index: 230;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 47px;
        position: absolute;
        left: 0;
        top: 985px;
        .box4 {
          z-index: auto;
          width: 415px;
          height: 38px;
          .word20 {
            z-index: 239;
            width: 158px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
          .word21 {
            z-index: 240;
            width: 40px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
            margin-left: 9px;
          }
          .word22 {
            z-index: 241;
            width: 148px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
            margin-left: 1px;
          }
          .icon8 {
            z-index: 232;
            width: 10px;
            height: 14px;
            margin: 12px 0 0 49px;
          }
        }
        .word23 {
          z-index: 237;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section17 {
        z-index: 270;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        left: 0;
        top: 1425px;
        .box5 {
          z-index: auto;
          width: 610px;
          height: 74px;
          .wrap1 {
            z-index: auto;
            width: 415px;
            height: 38px;
            margin-left: 178px;
            justify-content: space-between;
            .txt8 {
              z-index: 281;
              width: 378px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 30px;
              line-height: 38px;
              text-align: left;
            }
            .label9 {
              z-index: 274;
              width: 10px;
              height: 14px;
              margin-top: 12px;
            }
          }
          .wrap2 {
            z-index: 273;
            width: 610px;
            height: 1px;
            background-color: rgba(240, 240, 240, 1);
            margin-top: 35px;
          }
        }
        .txt9 {
          z-index: 279;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .section18 {
        z-index: 283;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 47px;
        position: absolute;
        left: 0;
        top: 1535px;
        .main9 {
          z-index: auto;
          width: 415px;
          height: 38px;
          justify-content: space-between;
          .info7 {
            z-index: 292;
            width: 378px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
          .label10 {
            z-index: 285;
            width: 10px;
            height: 14px;
            margin-top: 12px;
          }
        }
        .word24 {
          z-index: 290;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
      .info8 {
        z-index: 149;
        position: absolute;
        left: 282px;
        top: 1659px;
        width: 52px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(114, 125, 139, 1);
        font-size: 26px;
        line-height: 37px;
        text-align: left;
      }
      .icon9 {
        z-index: 145;
        position: absolute;
        left: 344px;
        top: 1669px;
        width: 25px;
        height: 16px;
      }
    }
    .block7 {
      z-index: 294;
      height: 440px;
      border-radius: 20px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      position: relative;
      .main10 {
        z-index: auto;
        width: 670px;
        height: 370px;
        .wrap3 {
          z-index: 319;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .word25 {
            z-index: 320;
            width: 144px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            line-height: 50px;
            text-align: left;
          }
        }
        .wrap4 {
          z-index: 308;
          height: 110px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
            100% no-repeat;
          width: 670px;
          justify-content: center;
          align-items: flex-end;
          padding-right: 40px;
          position: relative;
          .pic1 {
            z-index: 314;
            width: 100px;
            height: 60px;
          }
          .word26 {
            z-index: 311;
            position: absolute;
            left: 30px;
            top: 36px;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 38px;
            text-align: left;
          }
          .txt10 {
            z-index: 313;
            position: absolute;
            left: 208px;
            top: 36px;
            width: 378px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 30px;
            line-height: 38px;
            text-align: left;
          }
        }
        .wrap5 {
          z-index: auto;
          width: 380px;
          height: 180px;
          justify-content: space-between;
          margin: 10px 0 0 30px;
          .mod7 {
            z-index: 302;
            position: relative;
            width: 180px;
            height: 180px;
            border-radius: 10px;
            overflow: hidden;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5fa84b5819f552dfd47c81fe0524986a111514ad6a295b9c0bd16af07fe07e9a)
              100% no-repeat;
            .img3 {
              z-index: 303;
              position: absolute;
              left: 0;
              top: 0;
              width: 180px;
              height: 180px;
            }
          }
          .pic2 {
            z-index: 295;
            width: 180px;
            height: 180px;
          }
        }
      }
      .main11 {
        z-index: 305;
        position: absolute;
        left: 30px;
        top: 336px;
        width: 180px;
        height: 54px;
        border-radius: 0 0 10px 10px;
        background-color: rgba(22, 38, 65, 0.6);
      }
      .info9 {
        z-index: 306;
        position: absolute;
        left: 30px;
        top: 343px;
        width: 180px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 28px;
        line-height: 40px;
        text-align: center;
      }
    }
    .block8 {
      z-index: 323;
      height: 248px;
      border-radius: 18px;
      background-color: rgba(255, 255, 255, 1);
      align-self: center;
      margin-top: 30px;
      width: 670px;
      justify-content: flex-start;
      padding-top: 20px;
      position: relative;
      .wrap6 {
        z-index: auto;
        width: 670px;
        height: 188px;
        .block9 {
          z-index: 326;
          height: 70px;
          width: 670px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 30px;
          .txt11 {
            z-index: 327;
            width: 72px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Semibold;
            line-height: 50px;
            text-align: left;
          }
        }
        .block10 {
          z-index: auto;
          width: 473px;
          height: 66px;
          justify-content: space-between;
          margin: 19px 0 0 165px;
          .img4 {
            z-index: 330;
            width: 121px;
            height: 66px;
          }
          .pic3 {
            z-index: 335;
            width: 121px;
            height: 66px;
          }
        }
        .block11 {
          z-index: auto;
          width: 616px;
          height: 33px;
          margin-left: 25px;
          justify-content: space-between;
          .info10 {
            z-index: 331;
            width: 302px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 24px;
            font-family: PingFangSC-Medium;
            line-height: 33px;
            text-align: left;
          }
          .txt12 {
            z-index: 333;
            width: 284px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 24px;
            font-family: PingFangSC-Medium;
            line-height: 33px;
            text-align: left;
          }
        }
      }
      .txt13 {
        z-index: 329;
        position: absolute;
        left: 25px;
        top: 123px;
        width: 144px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(22, 38, 65, 1);
        font-size: 24px;
        font-family: PingFangSC-Medium;
        line-height: 33px;
        text-align: left;
      }
      .txt14 {
        z-index: 334;
        position: absolute;
        left: 357px;
        top: 123px;
        width: 168px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(22, 38, 65, 1);
        font-size: 24px;
        font-family: PingFangSC-Medium;
        line-height: 33px;
        text-align: left;
      }
    }
    .block12 {
      z-index: 338;
      height: 84px;
      background-color: rgba(255, 255, 255, 1);
      margin-top: 30px;
      width: 750px;
      justify-content: center;
      align-items: flex-start;
      padding-left: 43px;
      .bd3 {
        z-index: auto;
        width: 603px;
        height: 38px;
        justify-content: space-between;
        .label11 {
          z-index: 340;
          width: 39px;
          height: 38px;
        }
        .word27 {
          z-index: 344;
          width: 552px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          font-family: PingFangSC-Medium;
          line-height: 33px;
          text-align: left;
          margin-top: 3px;
        }
      }
    }
    .block13 {
      z-index: 347;
      height: 130px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng458f4b644f45d76bd5e01b848e2b83a2e427236d727fded2490de868f231588d)
        100% no-repeat;
      width: 750px;
      justify-content: center;
      align-items: center;
      .group5 {
        z-index: 351;
        height: 90px;
        border-radius: 10px;
        background-color: rgba(243, 60, 42, 1);
        width: 670px;
        justify-content: center;
        .word28 {
          z-index: 352;
          width: 670px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(255, 255, 255, 1);
          font-size: 32px;
          font-family: PingFangSC-Semibold;
          line-height: 44px;
          text-align: center;
        }
      }
    }
  }
  .layer4 {
    z-index: 54;
    height: 220px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 1);
    width: 670px;
    justify-content: center;
    position: absolute;
    left: 40px;
    top: 501px;
    .bd4 {
      z-index: auto;
      width: 670px;
      height: 180px;
      .mod8 {
        z-index: 64;
        height: 70px;
        width: 670px;
        justify-content: center;
        align-items: flex-start;
        padding-left: 30px;
        .info11 {
          z-index: 65;
          width: 144px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 36px;
          font-family: PingFangSC-Semibold;
          line-height: 50px;
          text-align: left;
        }
      }
      .mod9 {
        z-index: 56;
        height: 110px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng07ca5469d1fac5125ee30d37a31331dae4169264f52fe798fd5d8a4196cd3b06)
          100% no-repeat;
        width: 670px;
        justify-content: center;
        align-items: flex-end;
        padding-right: 84px;
        position: relative;
        .txt15 {
          z-index: 61;
          width: 378px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 30px;
          line-height: 38px;
          text-align: left;
        }
        .info12 {
          z-index: 59;
          position: absolute;
          left: 30px;
          top: 36px;
          width: 542px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 28px;
          line-height: 38px;
          text-align: left;
        }
      }
    }
  }
}

</style>
